import { Tabs } from 'antd';
import React from 'react';
import './index.less'
const {TabPane  } = Tabs
export default () => {
    return (
        <div className="visible">
            <Tabs>
                <TabPane tab="position, left" key="1">
                    <div className="test test-position"></div>
                </TabPane>
                <TabPane tab="margin" key="2">
                    <div className="test test-margin"></div>
                </TabPane>
                <TabPane tab="width" key="3">
                    <div className="test test-width"></div>
                </TabPane>
                <TabPane tab="opacity" key="4">
                    <div className="test test-opacity"></div>
                </TabPane>
                <TabPane tab="display" key="5">
                    <div className="test test-display"></div>
                </TabPane>
                <TabPane tab="transform" key="6">
                    <div className="test test-transform"></div>
                </TabPane>
                <TabPane tab="filter" key="7">
                    <div className="test test-filter"></div>
                </TabPane>
            </Tabs>
        </div>
    )
}